<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

</head>
<body class="disflex fledir-col jstctt-spcbt">
    <main class="main flex1">
        <div class="uz-info">
            <a class="person-info disflex jstctt-spcbt color8a" href="./personal.html">
                <img src="../img/头像.jpg" alt="" class="head-img">
                <span class="uzname flex1">用户名</span>
                <i class="iconfont icon-xiayiyeqianjinchakangengduo color4294f"></i>

            </a>
            <p class="sign fon14">个性签名:<span class="sign-txt">人时未尽，人世很长</span></p>
            <input type="file" id="fileInput">
        </div>
        <div class="person-dynamic">
            <a href="" class="disflex jstctt-spcbt color8a">
                <i class="iconfont icon-jilu color4294f fon18"><span class="color10">个人动态</span></i>
                <span class="info-count flex1">10条</span>
                <i class="iconfont icon-xiayiyeqianjinchakangengduo color4294f"></i>
            </a>
        </div>
        <div class="sports-data">
            <a href="" class="sports-link disflex jstctt-spcbt color8a">
                <i class="iconfont icon-tiaoxingtu-xianxing color4294f fon18"><span class="color10">运动数据</span></i>
                <i class="iconfont icon-xiayiyeqianjinchakangengduo color4294f"></i>
            </a>
            <div class="sports-detail disflex jstctt-spcbt">
                <span class="duration">
                    <p class="fon16">总运动</p>
                    <p><span class="fon40 color4294f">999</span>分钟</p>
                </span>
                <span class="line"></span>
                <span class="calories">
                    <p class="fon16">本周消耗</p>
                    <p><span class="fon40 color4294f">999</span>千卡</p>
                </span>
            </div>
        </div>
        <div class="sports-badge">
            <a href="" class="badge-link disflex jstctt-spcbt color8a">
                <i class="iconfont icon-xunzhang color4294f fon18"><span class="color10">我的运动徽章</span></i>
                <i class="iconfont icon-xiayiyeqianjinchakangengduo color4294f"></i>

            </a>
            <div class="badge-show disflex jstctt-spcbt">
                <img src="../img/getbadge01.jpg" alt="">
                <img src="../img/getbadge01.jpg" alt="">
                <img src="../img/getbadge01.jpg" alt="">
            </div>
        </div>
        <div class="logout tcenter"><span class="color4294f">退出登录</span></div>
    </main>
    <!-- 底部导航栏 -->
    <footer class="footer disflex"></footer>
</body>
</html>